<template>
	<view class="">
		<view v-for="(item,index) in list" :key="index" class="item">
			<view class="title">
				{{item.serveName || '--'}}
			</view>
			<view class="detail">
				<view class="detail-left">服务商：</view>
				<view class="detail-right text-cut">{{item.serveTeamName || '--'}}</view>
			</view>
			<view class="detail">
				<view class="detail-left">使用时间：</view>
				<view class="detail-right text-cut">{{item.createTime || '--'}}</view>
			</view>
			<view class="detail">
				<view class="detail-left">核销人：</view>
				<view class="detail-right text-cut">{{item.employName || '--'}}</view>
			</view>
			<view class="detail">
				<view class="detail-left">核销人手机号：</view>
				<view class="detail-right text-cut">{{item.employTel || '--'}}</view>
			</view>
			<!-- <view class="btn">
				<view @click="handleOperate(item,'sure')" class="">确认</view>
				<view @click="handleOperate(item,'detail')" class="" style="background: #FAFAFA;">详情</view>
			</view> -->
		</view>
		
		<view class="mt-20">
			<data-null v-if="!list.length"></data-null>
		</view>
		
	<!-- 	<view class="none" v-if="!(total > params.page * params.limit) && list.length">
			没有更多了～
		</view> -->
		
	</view>
</template>

<script>
	import { getEnumList } from "@/api/pet/index/saler"
	import { pageServeEmploy } from "@/api/pet/service/buyer"
	export default {
		data(){
			return{
				params:{
					// page:1,
					// limit:10,
				},
				list:[],
				total:0,
			}
		},
		methods:{
			async getEnumList(){
				let res = await getEnumList()
				this.tabList = res.serveIssueStatus
			},
			reachBottom(){
				
			},
			getList(){
				pageServeEmploy({
					...this.params,
				}).then(res=>{
					this.list = res
					uni.hideLoading()
					uni.stopPullDownRefresh();
				})
			},
			async init(type){
				this.params.page = 1
				this.list = []
				this.getList()
			},
			handleOperate(item,type){
				this.$emit('record',{
					item,
					type
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.none{
		width: 100%;
		text-align: center;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: var(--h4Color);
		line-height: 33rpx;
		margin-top: 40rpx;
	}
	.item{
		width: 100%;
		background: #FFFFFF;
		border-radius: 16rpx;
		padding: 28rpx 24rpx;
		margin-bottom: 16rpx;
		.title{
			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			font-size: 32rpx;
			color: var(--h1Color);
			line-height: 45rpx;
			margin-bottom: 24rpx;
		}
		.detail{
			display: flex;
			align-items: center;
			margin-bottom: 12rpx;
			view{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: var(--h2Color);
				line-height: 40rpx;
			}
			.detail-left{
				width: 208rpx;
			}
			.detail-right{
				flex: 1;
			}
		}
		.btn{
			display: flex;
			justify-content: flex-end;
			view{
				width: 132rpx;
				background: var(--primaryGradBg);
				border-radius: 12rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 26rpx;
				color: var(--btnColor);
				line-height: 70rpx;
				text-align: center;
			}
		}
	}
</style>